<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>高级选择器练习</title>
    <link rel="stylesheet" href="../css/ex1.css">
</head>
<body>
<ul>
    <li>1</li>
    <li class="two">2</li>
    <li class="three">3</li>
    <li>4</li>
    <li>5</li>
</ul>

<!--样式拓展-->
<label>
    <input type="checkbox" id="check"><!--check的样式是默认的无法更改 因此创建一个自己需要的样式来替换点击来达到效果-->
    <span class="check"></span>
</label>

<ul>
    <li>1</li>
    <li>2</li>
    <li class="three">3</li>
    <li>4</li>
    <li>5</li>
</ul>


<ul class="ul">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>


<ul class="ul1">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>


</ul>
<!--/*E~F选择器 */案例-->
<!--<ul>
    <li>1</li>
    <li>2</li>
    <li class="three">3</li>
    <li>4</li>
    <li>5</li>
</ul>-->
</body>
</html>